<template>
    <div class="xrw-box">
        <div class="xrw-box-one">
            <img src="../../assets/xrw/1.jpg" alt="">
        </div>
        <div class="xrw-box-tow">
            <div>
                <h2>合作商家</h2>
            </div>
        </div>
        <div class="xrw-box-three">
            <ul class="three-tow">
                <li>
                    <img src="../../assets/xrw/2.jpg" alt="">
                    <p>22</p>
                </li>
                <li>
                    <img src="../../assets/xrw/2.jpg" alt="">
                    <p>21</p>
                </li>
                <li>
                    <img src="../../assets/xrw/3.jpg" alt="">
                    <p>20</p>
                </li>
                <li>
                    <img src="../../assets/xrw/4.jpg" alt="">
                    <p>19</p>
                </li>
                <li>
                    <img src="../../assets/xrw/5.jpg" alt="">
                    <p>18</p>
                </li>
                <li>
                    <img src="../../assets/xrw/6.jpg" alt="">
                    <p>17</p>
                </li>
                <li>
                    <img src="../../assets/xrw/7.jpg" alt="">
                    <p>16</p>
                </li>
                <li>
                    <img src="../../assets/xrw/8.jpg" alt="">
                    <p>15</p>
                </li>
                <li>
                    <img src="../../assets/xrw/9.jpg" alt="">
                    <p>14</p>
                </li>
                <li>
                    <img src="../../assets/xrw/10.jpg" alt="">
                    <p>13</p>
                </li>
            </ul>
           
        </div>
        <div class="xrw-box-four">
            <span>共48条 当前1/6页</span>
            <span>
                <a href="http://www.yjx118.com/?jiaoxuezhongxin/kemuyi/">首页</a>
            </span>
            <span>前一页</span>
            <span>1</span>
            <span>后一页</span>
            <span>尾页</span>
        </div>
        <Weibu/>
        
    </div>
</template>

<script>

import Weibu from '../../components/weibu/weibu.vue'
export default {
    name:'xing',
    components: {
        Weibu
    }
}
</script>

<style lang='scss'>
    .xrw-box{
        width: 100%;
        .xrw-box-one{
            width: 100%;
        }
        .xrw-box-tow{
            width: 70%;
            margin: 0 auto;
            div{
                background: #142B57;
                color: #fff;
                height: 55px;
                line-height: 55px;
                padding-left: 30px;
                h2{
                    font-size: 28px !important;
                    font-weight: normal;
                    font-family: \9ED1\4F53;
                }
            }
        }
        .xrw-box-three{
            width: 70%;
            margin: 0 auto;
            display: flex;  
            margin-top: 30px;   
            .three-tow{
                display: flex;
                // width: 310px;
                flex-wrap: wrap;
                width: 100%;
                height: 600px;
                margin-bottom: 40px;
                li{
                    float: left;
                    width: 330px;
                    height: 230px;
                    margin-right: 20px;
                    p{
                        margin-top: 1px;
                        text-align: center;
                    }
                }
            }
        }
        .xrw-box-four{
            padding-BOTTOM: 25px;
            margin: 10px auto 0px;
            width: 98%;
            padding-top: 280px;
            text-align: center;
            margin-bottom: 80px;
        }
    }
</style>